<template>
    <title-bar>我的信息</title-bar>
    <div class="content-box flex-1 overflow-auto relative z-10">
        <div class="h-[190px] relative flex justify-center items-center">
            <img src="../assets/img/bg01.png" class="w-full h-full object-cover absolute -z-10" alt="">
            <div class=" ">
                <img src="../assets/img/03.jpg" class="w-[70px] h-[70px] rounded-full border-2 border-solid border-white" alt="">
                <p class="name text-center">陈 希</p>
            </div>
        </div>
        <div class="mt-[10px]">
            <div class="van-cell van-cell--clickable" role="button" tabindex="0">
                <div class="van-cell_title">
                    <span>我的订单</span>
                </div>
                <i class=" van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"></i>
            </div>
            <div class="van-cell van-cell--clickable" role="button" tabindex="0">
                <div class="van-cell_title">
                    <span>问题反馈</span>
                </div>
                <i class=" van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"></i>
            </div>
            <div class="van-cell van-cell--clickable" role="button" tabindex="0">
                <div class="van-cell_title">
                    <span>退出登陆</span>
                </div>
                <i class=" van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"></i>
            </div>
        </div>
    </div>
    
</template>

<script setup>
    import titleBar from "../components/title-bar.vue";
</script>

<style scoped>
    .content-box{
        width: 100%;
        height:100%;
        background-color: rgb(244, 244, 244);
        overflow: hidden;
    }
    .name{
        font-size: 17px;
        color: aliceblue;
    }
    .van-cell-clickable{
        cursor: pointer;
    }
    .van-cell{
        position: relative;
        display: flex;
        box-sizing: border-box;
        width: 100%;
        padding: 10px 16px;
        overflow: hidden;
        color: #323232;
        font-size: 14px;
        line-height: 24px;
        background: #fff;
    }
    .van-cell_title{
        flex: 1;
    }
    
   
</style>